<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://gp.componentesx" prefix="gp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Formulario</title>

<link href="${pageContext.request.contextPath}/resources/css/clinica/incluirClinica.css" type="text/css" rel="stylesheet"/>


<script type="text/javascript" src="${pageContext.request.contextPath}/resources/componentes/importacoes/jquery-ui-1.11.4.custom/external/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/componentes/importacoes/jquery-ui-1.11.4.custom/jquery-ui.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/clinica/clinica.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/clinica/incluirClinicaFormularioJsp.js"></script>

</head>
<body ondragstart ="return false">
	
	<div class="painel_centro">
			
			<c:if test="${not empty flagFormulario and flagFormulario eq 'falha'}">
			
				<div id="formulario-alert" class="alert alert-danger">
				
					<c:if test="${not empty flagNome }">
						<div>${msgs.incluir_clinica_erro_nome}</div>
					</c:if>
				
					<c:if test="${not empty flagCnpj }">
						<div>${msgs.incluir_clinica_erro_cnpj}</div>
					</c:if>
					
					<c:if test="${not empty flagEmail }">
						<div>${msgs.incluir_clinica_erro_email}</div>
					</c:if>
					
					<c:if test="${not empty flagTelefoneCompleto}">
						<div>${msgs.incluir_clinica_erro_telefone}</div>
					</c:if>
					
					<c:if test="${not empty flagEstado}">
						<div>${msgs.incluir_clinica_erro_estado}</div>
					</c:if>
					
					<c:if test="${not empty flagCidade}">
						<div>${msgs.incluir_clinica_erro_cidade}</div>
					</c:if>
					
					<c:if test="${not empty flagCep}">
						<div>${msgs.incluir_clinica_erro_cep}</div>
					</c:if>
					
					<c:if test="${not empty flagBairro}">
						<div>${msgs.incluir_clinica_erro_bairro}</div>
					</c:if>
					
					<c:if test="${not empty flagLogradouro}">
						<div>${msgs.incluir_clinica_erro_logradouro}</div>
					</c:if>
				
				
				</div>
			
			
			
			
			</c:if>
			<c:if test="${not empty flagFormulario and flagBanco eq 'falhaBanco'}">
				
				<div class="alert alert-danger">${msgs.incluir_clinica_erro_banco}</div>
			</c:if>
			
			<c:if test="${not empty flagFormulario and flagFormulario eq 'sucesso'}">
				
				<div class ="inclui_sucesso">${msgs.incluir_clinica_salvo_sucesso}</div>
			
			</c:if>
			
					
		
		<form name="formulario" id="formulario" method="POST" action="${pageContext.request.contextPath}/paginas/clinica" enctype="multipart/form-data">


			<gp:validator form="formulario"	ignoreTitle="true">
				
				<gp:fieldValidation fieldId="nomeClinica" urlShort="true">
		
						<label for="nomeClinica">${msgs.incluir_clinica_label_nome}</label>
						<input class="" type="text" name="nomeClinica" id="nomeClinica">
						<span class="label_msg_erro" id="msgNome"></span>
				
				</gp:fieldValidation>
				
				<gp:fieldValidation fieldId="cnpjClinica" required="true" min="5" minMessage="MIN">
				
					<label for="cnpjClinica">${msgs.incluir_clinica_label_cnpj}:</label>
					<input class="" type="text" name="cnpjClinica" id="cnpjClinica" maxlength="14">
					<span class="label_msg_erro" id="msgCnpj"></span>
				
				
				</gp:fieldValidation>
					
				
				<div class="campo_invisivel">
					<input type="file" name="fotoClinica" id="fotoClinica">
				</div>
				
				<gp:fieldValidation fieldId="emailClinica" email="true" emailMessage="EMAIL">
					<label for="emailClinica">${msgs.incluir_clinica_label_email}</label>
					<input type="text" name="emailClinica" id="emailClinica" maxlength="150">
					<span><a id="addEmail"><img class="cursor_email" src="${pageContext.request.contextPath}/resources/images/clinica/add.png"></a></span>
					<span class="label_msg_erro" id="msgEmail"></span>
				</gp:fieldValidation>
				
				<div id="containerEmail">
				
				</div>
				
				<div>
					<label for="dddClinica">${msgs.incluir_clinica_label_ddd1}</label>
					<input type="text" name="dddClinica" id="dddClinica" maxlength="2" size="1">
					<label for="telefoneClinica">${msgs.incluir_clinica_label_telefone1}</label>
					<input type="text" name="telefoneClinica" id="telefoneClinica" maxlength="9">
					<label for="comboTipo1">${msgs.incluir_clinica_label_tipo1}</label>
					<select name="comboTipo1" id="comboTipo1">
						<option value="0">::SELECIONE::</option>
						<c:forEach var="tipoTelefone1" items="${listaTipoTelefone}">
							<option value="${tipoTelefone1.idTipoTelefone}">${tipoTelefone1.descricao}</option>
						</c:forEach> 
					</select>
				</div>
				
				<div>
					<label for="dddClinica2">${msgs.incluir_clinica_label_ddd2}</label>
					<input type="text" name="dddClinica2" id="dddClinica2" maxlength="2" size="1">
					<label for="telefoneClinica2">${msgs.incluir_clinica_label_telefone2}</label>
					<input type="text" name="telefoneClinica2" id="telefoneClinica2" maxlength="9">
					<label for="comboTipo2">${msgs.incluir_clinica_label_tipo2}</label>
					<select name="comboTipo2" id="comboTipo2">
						<option value="0">::SELECIONE::</option>
						<c:forEach var="tipoTelefone2" items="${listaTipoTelefone}">
							<option value="${tipoTelefone2.idTipoTelefone}">${tipoTelefone2.descricao}</option>
						</c:forEach> 
					</select>
				</div>
				
				<div>
					<img class="foto_clinica" id="imagemClinica"/>
				</div>
				
				<div>
					<label for="comboEstado">${msgs.incluir_clinica_label_estado}</label>
					<select name="comboEstado" id="comboEstado">
						
						<option value="0">::SELECIONE::</option>
						
						<c:forEach var="estado" items="${listaEstados}">
							<option value="${estado.idEstado}">${estado.nomeEstado} - ${estado.siglaEstado}</option>
						</c:forEach>
						
					</select>
					<span class="label_msg_erro" id="msgEstado"></span>
				</div>
				
				<div>
					<label for="comboCidade">${msgs.incluir_clinica_label_cidade}</label>
					<select name="comboCidade" id="comboCidade" disabled="disabled">
						
						<option value="0">::SELECIONE::</option>
						<optgroup label="" id="grupoCidades">
						
						</optgroup>
						
					</select>
					<span class="label_msg_erro" id="msgCidade"></span>
				</div>
				
				<div>
					<label for="bairroClinica">${msgs.incluir_clinica_label_bairro}</label>
					<input type="text" name="bairroClinica" id="bairroClinica" maxlength="150">
					<span class="label_msg_erro" id="msgBairro"></span>
				</div>
				
				<div>
					<label for="cepClinica">${msgs.incluir_clinica_label_cep}</label>
					<input type="text" name="cepClinica" id="cepClinica" maxlength="8">
					<span class="label_msg_erro" id="msgCep"></span>
				</div>
				
				<div>
					<label for="logradouroClinica">${msgs.incluir_clinica_label_logradouro}</label>
					<input type="text" name="logradouroClinica" id="logradouroClinica" maxlength="200">
					<span class="label_msg_erro" id="msgLogradouro"></span>
				</div>
				
				<div>
					<label for="complementoClinica">${msgs.incluir_clinica_label_complemento}</label>
					<input class="complemento_formulario" type="text" name="complementoClinica" id="complementoClinica" maxlength="100">
				</div>
				
				<div>
					<a class="btn_buscar_imagem" id="linkImagem">Incluir Imagem</a>
				</div>
				
				<div>
					<input class="btn_enviar_formulario" type="submit" value="Enviar Formulario" id="btnEnviar"/>
				</div>
				
				<input type="hidden" name="action" value="salvarCi"/>
			
 			</gp:validator>	
			
		</form>	
		
	</div>

</body>
</html>